<template>
  <section class='container'>
    <view style="display: flex;flex-direction: column;align-items: flex-start;background:#fff;padding: 10px;border-radius: 0.5rem">
      <view style='white-space: pre-wrap;text-align:left;'>{{ des }}</view>
    </view>
  </section>
</template>
<script>
export default{
  props: ['des']
}
</script>
<style>
.container {
  font-family: Georgia, 'Times New Roman', Times, serif;
  background: url(~@/static/image/bg.jpg);
  width: 100%;
  height: 100%;
  background-size: cover; /* 背景图片覆盖整个容器 */
  background-position: center center; /* 图片居中显示 */
  background-repeat: no-repeat; /* 不重复背景图片 */
  background-size: 100% 100%; /* 使body的高度至少为视口高度 */
  padding: 0.5rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
</style>